<template>
  <h5>ref的拎一个作用:获取页面中的元素</h5>
  <input type="text" ref="inputRef">
</template>
<script>
  import { defineComponent, onMounted, ref} from 'vue';
  export default defineComponent({
    name:'RefHuoyuan',
    // 需求:页面加载完毕,页面的文本框可以自动获取焦点
    setup(){
      const inputRef = ref<HTMLElement | null>(null)  //这里面存储的是html标签类型的 
      // 页面加载后的生命周期组合API
      onMounted(()=>{
        inputRef.value && inputRef.value.focus() //自动获取焦点
      }) 
      return{
        inputRef
      }
    }
  })
</script>
<style scoped>
</style>